// 导出一个axios的实例  而且这个实例要有请求拦截器 响应拦截器
// import axios from 'axios'
// const service = axios.create() // 创建一个axios的实例
// // service.interceptors.request.use() // 请求拦截器
// // service.interceptors.response.use() // 响应拦截器
// export default service // 导出axios实例

// 导入包
import axios from 'axios'
// 按需导入 es6
// import { MessageBox, Message } from 'element-ui'

// 引入vuex
import store from '@/store'
// const token = store
// console.log(store)
// console.log(store.state.user.token)
// import { getToken } from '@/utils/auth'

// create an axios instance
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  // withCredentials: true, // send cookies when cross-domain requests
  timeout: 5000 // request timeout
})

// request interceptor
// 请求拦截器
service.interceptors.request.use(
  config => {
    // do something before request is sent
    const token = store.getters.token
    if (token) {
      console.log('有token~~~~~~~~~~~', token)
      // let each request carry token
      // ['X-Token'] is a custom headers key
      // please modify it according to the actual situation
      config.headers['Authorization'] = `Bearer ${token}`
    }
    return config
  },
  error => {
    // do something with request error
    console.log(error) // for debug
    return Promise.reject(error)
  }
)

// // response interceptor
// 响应拦截器
// service.interceptors.response.use(
//   response => {
//     console.log(response)
// const res = response.data
// // 与后端接口约定，20000是自定义的值。
// // if the custom code is not 20000, it is judged as an error.
// if (res.code !== 10000) {
//   Message({
//     message: res.message || 'Error',
//     type: 'error',
//     duration: 5 * 1000
//   })

//   // 50008: Illegal token; 50012: Other clients logged in; 50014: Token expired;
//   if (res.code === 50008 || res.code === 50012 || res.code === 50014) {
//     // to re-login
//     MessageBox.confirm('You have been logged out, you can cancel to stay on this page, or log in again', 'Confirm logout', {
//       confirmButtonText: 'Re-Login',
//       cancelButtonText: 'Cancel',
//       type: 'warning'
//     }).then(() => {
//       store.dispatch('user/resetToken').then(() => {
//         location.reload()
//       })
//     })
//   }
//   return Promise.reject(new Error(res.message || 'Error'))
// } else {
//   return res
// }
//   },
//   error => {
//     console.log('err' + error) // for debug
//     Message({
//       message: error.message,
//       type: 'error',
//       duration: 5 * 1000
//     })
//     return Promise.reject(error)
//   }
// )

export default service
